<template>
<div class="demo-block">
	<h2 class="intro-title">快速上手</h2>
	<p class="intro-content">本节将介绍如何在项目中使用 ygbh</p>
	<h3 class="base-title">完整引入 ygbh</h3>
	<p class="base-content">在 main.js 中写入以下内容：</p>
	<code class="base-code-area">
		<textarea readonly="readonly" class="demo-core-box">import Vue from 'vue';</textarea>
		<textarea readonly="readonly" class="demo-core-box">import ygbh from 'ygbh';</textarea>
		<textarea readonly="readonly" class="demo-core-box">import 'ygbh/ygbh.css';</textarea>
		<textarea readonly="readonly" class="demo-core-box">Vue.use(ygbh);</textarea>
	</code>
</div>
</template>

<script lang="ts">
import { Vue } from 'vue-class-component';
export default class Home extends Vue {}
</script>

<style scoped>
.demo-block{ padding: 0 20px 20px; }
.demo-block .bh-tag{ margin-right: 10px; }
</style>
